<template>
  <div class="box1">
    <!-- 左侧菜单 -->
    <div class="leftmenu"><leftmenu></leftmenu></div>
    <div class="right">
      <div class="search"><searchbox></searchbox></div>
      <div class="list"><userlist></userlist></div>
    </div>
  </div>
</template>

<script>
import leftmenu from "./ui/leftmenu.vue";
import searchbox from "./ui/searchbox.vue";
import userlist from "./ui/userlist.vue"
export default {
  components: {
    leftmenu,
    searchbox,
    userlist
  },
};
</script>

<style lang="scss" scoped>
.box1 {
  display: flex;
}
.right {
  margin-left: 50px;
  width: 900px;
}
</style>